<template>
  <div class="list">
    <div class="item border-bottom" v-for="(item,key) of lists" :key="key">
      图标&nbsp;&nbsp;{{item.title}}
      <div v-if="item.children">
        <detail-list :lists="item.children"></detail-list>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    lists: Array
  },
  name: "detailList"
};
</script>
<style lang='stylus' scoped>
.item {
  line-height: 0.8rem;
  font-size: 0.32rem;
  padding: 0 0.2rem;
}
</style>